Neocities

Panel de control > index.html
Tema:
Ahorrar Vista Compartir Ajustes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<! DOCTYPE html > 
< html lang = "es" > 
<cabeza>​​
    < meta charset = "UTF-8" > 
    < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >  
    <title> Equinoterapia </title>​​​​
    < link rel = "preconnect" href = "https://fonts.googleapis.com" >  
    < link rel = "preconnect" href = "https://fonts.gstatic.com" crossorigin >   
    < link href = "https://fonts.googleapis.com/css2?family=Londrina+Solid:wght@300;400;900&family=Quicksand:wght@400;600;700&display=swap" rel = "stylesheet" >  
    < link rel = "stylesheet" href = "estilos.css" >  
</head>​​
< cuerpo >
    < div class = "header" > 
        < div class = "contenedor flex-header" > 
            < a href = "#inicio" clase = "logotipo" >  
                < img src = "logo.jpg" alt = "Logo Equinoterapia" class = "imagen-logo" >   
            </ a >
            < botón clase = "menu-hamburguesa" id = "btn-menu" >  
            < span > </ span >
            < span > </ span >
            < span > </ span >
        </ botón >
            < nav class = "menu-izq" > 
                < a href = "talleres.html" > Talleres y cursos </ a > 
                < a href = "acciones.html" > Acciones </ a > 
                < a href = "index.html#noticias" > Noticias </ a > 
                < a href = "index.html#contacto" > Contacto </ a > 
            </nav>​​
        </div>​​
    </div>​​
    < div id = "inicio" class = "sección-inicio" >  
        < div class = "contenedor flex-dos-columnas" > 
            < div class = "columna centro-vertical" > 
                < h1 class = "titulo" > Una terapia diferente, < br > una conexión real. </h1>​​ 
                < p class = "bajada" > Trabajamos por una mejor calidad de vida < br > a través de la equinoterapia </ p > 
                < a href = "#quienes-somos" class = "boton" > Quiero saber más </ a > </ div >   
                < div class = "columna" > 
                < img src = "2besocaballo.jpeg" class = "imagen-fondo" >  
            </div>​​
        </div>​​
    </div>​​
    < div id = "quienes-somos" class = "sección-blanca" >  
        < div class = "contenedor" > 
            < h2 > Quiénes somos </ h2 >
            < div class = "contenido-angosto" > 
                < p class = "destacado" > Desde 1999 nos dedicamos a la práctica y la difusión de la Equinoterapia. </p>​​ 
                < p > Desde nuestra fundación, enfocamos nuestro trabajo a elegir y preparar Caballos que estén aptos para la actividad, a reunir profesionales y
                  capacitarlos para que formen parte del equipo. Recaudamos dinero a través de la venta del "equinoabono" y de las visitas guiadas, además de las
                  donaciones. </ p >
                < p > Desde nuestra fundación, enfocamos nuestro trabajo a elegir y preparar Caballos que estén aptos para la actividad, a reunir profesionales y
                  capacitarlos para formarlos. </p>​​
                < a href = "#contacto" class = "boton" > Quiero sumarme </ a >  
            </div>​​
        </div>​​
    </div>​​
    < div id = "tratamientos" class = "sección-blanca" >  
        < div class = "contenedor flex-dos-columnas" > 
            < div class = "columna" > 
                < img src = "caballo.jpg" alt = "Tratamiento" >  
            </div>​​
            < div class = "columna centro-vertical" > 
                < h2 > TRABAJAMOS < br > PARA TODAS < br > LAS PERSONAS </ h2 >
                < p > Si bien la Equinoterapia surgió como un tratamiento para personas con discapacidad, no es menos cierto que todas las personas se ven beneficiadas de
                  los efectos del caballo. </p>​​
                < p > Es por eso que también incorporamos actividades para personas sin discapacidad y así incluimos a todos Abriendo nuestros talleres y jornadas a la
                  Comunidad en general </p>
                < a href = "#contacto" class = "boton" > Quiero más info </ a >  
            </div>​​
        </div>​​
    </div>​​
    < div id = "beneficios" class = "sección-blanca" >  
        < div class = "contenedor" > 
            < h2 > Beneficios </ h2 >
            < div class = "flex-cuatro-columnas" > 
                < div class = "tarjeta-beneficio" > Vínculo < br > Emocional </ div > 
                < div class = "tarjeta-beneficio" > Calor < br > Corporal </ div > 
                < div class = "tarjeta-beneficio" > Movimiento < br > tridimencional </ div > 
                < div class = "tarjeta-beneficio" > Psicológico < br > y Cognitivo </ div > 
            </div>​​
        </div>​​
    </div>​​
    < div id = "entrevistas" class = "sección-blanca" >  
        < div class = "contenedor" > 
            < h2 > Entrevistas </ h2 >
            < div class = "flex-cuatro-columnas" > 
                < div class = "tarjeta-entrevista" > 
                   <a href="#">​​​​​  
                    < img src = "hilda.png" alt = "Hilda Castelli" >  
                    <h3> Hilda Castelli </h3>​​​
                </ a > </ div >
                < div class = "tarjeta-entrevista" > 
                    <a href="#">​​​​​ 
                    < img src = "elba.png" alt = "Elba Adela Lora" >  
                    <h3> Elba Adela Lora </h3>​​
                </ a > </ div >
                < div class = "tarjeta-entrevista" > 
                    <a href="#">​​​​​ 
                    < img src = "maria.png" alt = "María Soledad" >  
                    < h3 > María Soledad </ h3 >
                </ a > </ div >
                < div class = "tarjeta-entrevista" > 
                    <a href="#">​​​​​  
                    < img src = "marina.png" alt = "Marina Rodríguez" >  
                    < h3 > Marina Rodríguez </ h3 >
                </ a > </ div >
            </div>​​
        </div>​​
    </div>​​
    < div class = "footer" > 
        < div class = "contenedor" > 
            < p class = "frase-footer" > Seguimos transformando vidas a través del vínculo con el caballo </ p > 
            
            < div class = "flex-4 links-footer" > 
                < div class = "columna-links" > 
                    < a href = "#" > INICIO </ a > 
                    < a href = "#" > QUIENES SOMOS </ a > 
                    < a href = "#" > ACCIONES QUE HACEMOS </ a > 
                    < a href = "#" > TRATAMIENTOS </ a > 
                </div>​​
                < div class = "columna-links" > 
                    < a href = "#" > BENEFICIOS </ a > 
                    < a href = "#" > ENTREVISTAS </ a > 
                    < a href = "#" > TALLERES Y CURSOS </ a > 
                    < a href = "#" > RELACION CON EL CABALLO </ a > 
                </div>​​
                < div class = "columna-links" > 
                    < a href = "#" > MI PROPÓSITO </ a > 
                    < a href = "#" > VISITAS GUIADAS </ a > 
                    < a href = "#" > CURSOS </ a > 
                    < a href = "#" > ACCIONES </ a > 
                </div>​​
                < div class = "columna-links" > 
                    <a href="#"> EQUINOABONO </a>​​​​​​​ 
                    < a href = "#" > PARQUE FOTOGRÁFICO </ a > 
                    < a href = "#" > DONACIONES </ a > 
                    < a href = "#" > CONTACTO </ a > 
                </div>​​
            </div>​​
        </div>​​
    </div>​​
</body>​​
</html>​​
 
 
הההההההההההההההההההההההההההההההה הההההההההההההההההההההההההההההההה הההההההההההההההההההההההההההההההה הההההההההההההההההההההההההההההההה הההההההההההההההההההההההההההההההה הההההההההההההההההההההההההההההההה הההההההההההההההההההההההההההההההה הההההההההההההההההההההההההההההההה הההההההההההההההההההההההההההההההה הההההההההההההההההההההההההההההההה הההההההההההההההההההההההההההההההה הההההההההההההההההההההההההההההההה הההההההההההההההההההההההההההההההה הההההההההההההההההההההההההההההההה הההההההההההההההההההההההההההההההה הההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX